<template>
  <!-- 互联代售  推送的商品  弹窗 -->
  <div>
    <el-dialog title="推送商品" @close="close" :visible.sync="visibleGoods" width="1600px" append-to-body>
      <div v-if="visibleGoods">
        <qudaoGoodsList ref="qudaoGoodsList" :params="params"></qudaoGoodsList>
      </div>
      <div style="height: 60px;"></div>
      <div class="center">
          <el-button type="primary" @click="cancel">关闭</el-button>
        </div>
    </el-dialog>
  </div>
</template>

<script>
import qudaoGoodsList from './qudaoGoodsList.vue';
export default {
  name: "",
  components: {  qudaoGoodsList},
  data() {
    return {
      visibleGoods: false,
      loading: false,
      params:{
        config:''
      }
    };
  },
  created() {},
  methods: {
    async open(config) {
      this.params.config = config
      this.visibleGoods = true
    },
   
    cancel() {
      this.visibleGoods = false;
    },
    close() {
      
      this.$refs.qudaoGoodsList.reset()
      this.params.config = ''
    },
  },
};
</script>
<style  lang="scss" scoped>
.center{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #fff;
  padding-top: 15px;
}
::v-deep .app-container{
  min-height: 300px;
}
</style>
